import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:gourmet/color/hex.dart';
import 'package:gourmet/extensions/ex_widget.dart';
import 'package:gourmet/ui/limited_wrap.dart';
import 'package:gourmet/ui/tag_flow.dart';
import 'package:gourmet/utils/colors.dart';
import 'package:gourmet/utils/styles.dart';
import 'package:gourmet/utils/svg.dart';
import 'package:gourmet/utils/tools.dart';
import 'package:gourmet/views/delicious/main.dart';

class GroupStoreIndexController extends GetxController {
  final List<String> tags = [
    '全部 405',
    '最新',
    '好评 345',
    '差评 25',
    '有图 14',
    '商家回复 403'
  ];
}

class GroupStoreIndexView extends GetView<GroupStoreIndexController> {
  const GroupStoreIndexView({super.key});

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      controller: NestedInnerScrollController.maybeOf(context),
      physics: const ClampingScrollPhysics(),
      slivers: [
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              children: [
                Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '超值团购',
                    style: StylesUtils.customTextStyle(
                      color: ColorsUtils.color0000,
                      fontSize: StylesUtils.fontSize16,
                      fontWeight: FontWeight.w700,
                    ),
                  ),
                ),
                for (var i = 0; i < 5; i++)
                  Padding(
                    padding: const EdgeInsets.only(top: 15),
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        ClipRRect(
                          borderRadius: BorderRadius.circular(5),
                          child: Image.network(
                            'https://img0.baidu.com/it/u=310608814,3530248973&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500',
                            width: 100,
                            height: 100,
                            fit: BoxFit.fill,
                          ),
                        ),
                        Expanded(
                          child: Padding(
                            padding: const EdgeInsets.only(left: 10),
                            child: Stack(
                              children: [
                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Container(
                                      alignment: Alignment.centerLeft,
                                      child: Text(
                                        '香辣鸡排汉堡包单人套餐',
                                        style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize15,
                                          fontWeight: FontWeight.w700,
                                          color: ColorsUtils.color0000,
                                        ),
                                      ),
                                    ),
                                    Container(
                                      margin: const EdgeInsets.symmetric(
                                          vertical: 10),
                                      child: Text(
                                        '香辣鸡排汉堡、金桔爆柠、美',
                                        softWrap: true,
                                        maxLines: 1,
                                        overflow: TextOverflow.ellipsis,
                                        style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color9999,
                                          fontSize: StylesUtils.fontSize12,
                                        ),
                                      ),
                                    ),
                                    Container(
                                      alignment: Alignment.centerLeft,
                                      margin: const EdgeInsets.only(bottom: 10),
                                      child: Text(
                                        '已售 5.3万',
                                        style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color9999,
                                          fontSize: StylesUtils.fontSize12,
                                        ),
                                      ),
                                    ),
                                    LimitedWrap(
                                      maxLine: 1,
                                      spacing: 10,
                                      children: [
                                        Text(
                                          '￥35',
                                          style: StylesUtils.customTextStyle(
                                            fontSize: StylesUtils.fontSize15,
                                            fontWeight: FontWeight.w700,
                                            color: ColorsUtils.colorFf64,
                                          ),
                                        ),
                                        Text(
                                          '￥38',
                                          style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color9999,
                                            fontSize: StylesUtils.fontSize12,
                                            decoration:
                                                TextDecoration.lineThrough,
                                            decorationColor:
                                                HexColor(ColorsUtils.color9999),
                                            decorationStyle:
                                                TextDecorationStyle.solid,
                                            decorationThickness: 1.0,
                                          ),
                                        ),
                                        Container(
                                          alignment: Alignment.center,
                                          constraints:
                                              const BoxConstraints.expand(
                                                  width: 35, height: 16),
                                          decoration: BoxDecoration(
                                              borderRadius:
                                                  BorderRadius.circular(3),
                                              border: Border.all(
                                                color: HexColor(
                                                    ColorsUtils.colorFf64),
                                              )),
                                          child: Text(
                                            '9.2折',
                                            style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64,
                                            ),
                                          ),
                                        ),
                                      ],
                                    )
                                  ],
                                ),
                                Positioned(
                                  width: 25,
                                  height: 25,
                                  right: 10,
                                  bottom: 0,
                                  child: SvgUtils.assetName('u2273',
                                      width: 25, height: 25),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
              ],
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text(
                      '评价 (27)',
                      style: StylesUtils.customTextStyle(
                          fontSize: StylesUtils.fontSize16,
                          fontWeight: FontWeight.w700,
                          color: ColorsUtils.color0000),
                    ),
                    Text.rich(
                      TextSpan(
                        children: [
                          TextSpan(
                            text: '查看全部 ',
                            style: StylesUtils.customTextStyle(
                              fontSize: StylesUtils.fontSize12,
                              color: ColorsUtils.color7979,
                            ),
                          ),
                          WidgetSpan(
                            child: Icon(
                              CupertinoIcons.chevron_forward,
                              color: HexColor(ColorsUtils.color9999),
                              size: 13,
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
                Padding(
                  padding: const EdgeInsets.symmetric(vertical: 15),
                  child: TagFlowWidget(
                    items: controller.tags,
                    maxRows: 1,
                    itemHeight: 30,
                    spaceHorizontal: 10,
                    spaceVertical: 10,
                    itemBgColor: HexColor(ColorsUtils.colorF5f5),
                    borderRadius: BorderRadius.circular(2),
                    horizontalPadding: 6,
                    itemStyle: StylesUtils.customTextStyle(
                      color: ColorsUtils.color7979,
                      fontSize: StylesUtils.fontSize13,
                    ),
                  ),
                ),
                Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    const CircleAvatar(
                      radius: 20,
                      backgroundImage: NetworkImage(
                          'https://img1.baidu.com/it/u=3202535497,3158044562&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500'),
                    ),
                    Padding(
                      padding: const EdgeInsets.only(left: 10),
                      child: Column(
                        children: [
                          Align(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '匿名用户',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                                fontWeight: FontWeight.w700,
                              ),
                            ),
                          ),
                          Container(
                            alignment: Alignment.centerLeft,
                            margin: const EdgeInsets.only(top: 10),
                            child: Text(
                              '2097-10-05',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize12,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
                Container(
                  padding: const EdgeInsets.symmetric(vertical: 15),
                  alignment: Alignment.centerLeft,
                  child: Wrap(
                    spacing: 10,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    alignment: WrapAlignment.start,
                    children: [
                      for (var i = 0; i < 4; i++)
                        Icon(
                          CupertinoIcons.star_fill,
                          size: 15,
                          color: HexColor(ColorsUtils.colorFf64),
                        ),
                      Icon(
                        CupertinoIcons.star_fill,
                        size: 15,
                        color: HexColor(ColorsUtils.colorCccc),
                      ),
                      Text(
                        '好',
                        style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color7979,
                          fontSize: StylesUtils.fontSize13,
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  padding: const EdgeInsets.only(bottom: 15),
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '一如既往的不错，比较清淡，适合南方人口味，麦香鸡排汉堡值得推荐。',
                    style: StylesUtils.customTextStyle(
                        fontSize: StylesUtils.fontSize15,
                        color: ColorsUtils.color0000,
                        lineHeight: 1.4),
                  ),
                ),
                Align(
                  alignment: Alignment.centerLeft,
                  child: Wrap(
                    spacing: 10,
                    runSpacing: 10,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    children: [
                      Image.network(
                        'https://img2.baidu.com/it/u=1119102924,1008671998&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
                        width: 100,
                        height: 100,
                        fit: BoxFit.fill,
                      ),
                    ],
                  ),
                )
              ],
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.only(left: 15, right: 15, top: 15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                for (var i = 0; i < 15; i++)
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      ClipRRect(
                        borderRadius: BorderRadius.circular(5),
                        child: Image.network(
                          'https://img0.baidu.com/it/u=655977884,3582260165&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
                          width: 100,
                          height: 100,
                          fit: BoxFit.fill,
                        ),
                      ),
                      Expanded(
                        child: Padding(
                          padding: const EdgeInsets.only(left: 10),
                          child: Column(
                            children: [
                              Container(
                                alignment: Alignment.centerLeft,
                                margin: const EdgeInsets.only(bottom: 10),
                                child: Text(
                                  '华莱士-凤凰广场2店',
                                  style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize16,
                                    fontWeight: FontWeight.w700,
                                    color: ColorsUtils.color0000,
                                  ),
                                ),
                              ),
                              Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Text.rich(
                                    TextSpan(
                                      children: [
                                        TextSpan(
                                          text: '4.5分  ',
                                          style: StylesUtils.customTextStyle(
                                            fontSize: StylesUtils.fontSize12,
                                            color: ColorsUtils.colorFf66,
                                          ),
                                        ),
                                        TextSpan(
                                          text: '西式快餐  人均￥45',
                                          style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color7979,
                                            fontSize: StylesUtils.fontSize12,
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                  Text(
                                    '2.2km',
                                    style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.color7979,
                                    ),
                                  ),
                                ],
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 10),
                                alignment: Alignment.centerLeft,
                                child: Text.rich(
                                  TextSpan(
                                    children: [
                                      WidgetSpan(
                                          child: Container(
                                            alignment: Alignment.center,
                                            constraints:
                                                const BoxConstraints.expand(
                                                    width: 14, height: 15),
                                            decoration: BoxDecoration(
                                              color: HexColor(
                                                  ColorsUtils.colorFf64),
                                              borderRadius:
                                                  BorderRadius.circular(1),
                                            ),
                                            child: Text(
                                              '团',
                                              style:
                                                  StylesUtils.customTextStyle(
                                                fontSize:
                                                    StylesUtils.fontSize12,
                                              ),
                                            ),
                                          ),
                                          alignment:
                                              PlaceholderAlignment.middle),
                                      TextSpan(
                                        text: ' ￥35 ',
                                        style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000,
                                        ),
                                      ),
                                      TextSpan(
                                        text: '￥38',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.colorCccc,
                                            fontSize: StylesUtils.fontSize12,
                                            decoration:
                                                TextDecoration.lineThrough,
                                            decorationColor:
                                                HexColor(ColorsUtils.colorCccc),
                                            decorationStyle:
                                                TextDecorationStyle.solid,
                                            decorationThickness: 1.0),
                                      ),
                                      TextSpan(
                                        text: ' 鸡腿汉堡双人套餐',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color0000,
                                            fontSize: StylesUtils.fontSize12),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.only(top: 10),
                                alignment: Alignment.centerLeft,
                                child: Text.rich(
                                  TextSpan(
                                    children: [
                                      WidgetSpan(
                                          child: Container(
                                            alignment: Alignment.center,
                                            constraints:
                                                const BoxConstraints.expand(
                                                    width: 14, height: 15),
                                            decoration: BoxDecoration(
                                              color: HexColor(
                                                  ColorsUtils.colorFf64),
                                              borderRadius:
                                                  BorderRadius.circular(1),
                                            ),
                                            child: Text(
                                              '团',
                                              style:
                                                  StylesUtils.customTextStyle(
                                                fontSize:
                                                    StylesUtils.fontSize12,
                                              ),
                                            ),
                                          ),
                                          alignment:
                                              PlaceholderAlignment.middle),
                                      TextSpan(
                                        text: ' ￥35 ',
                                        style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize12,
                                          color: ColorsUtils.color0000,
                                        ),
                                      ),
                                      TextSpan(
                                        text: '￥38',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.colorCccc,
                                            fontSize: StylesUtils.fontSize12,
                                            decoration:
                                                TextDecoration.lineThrough,
                                            decorationColor:
                                                HexColor(ColorsUtils.colorCccc),
                                            decorationStyle:
                                                TextDecorationStyle.solid,
                                            decorationThickness: 1.0),
                                      ),
                                      TextSpan(
                                        text: ' 鸡腿汉堡双人套餐',
                                        style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color0000,
                                            fontSize: StylesUtils.fontSize12),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                    ],
                  ).paddingOnly(bottom: 15)
              ],
            ),
          ),
        )
      ],
    );
  }

  EdgeInsets get insets {
    return EdgeInsets.only(
        left: (Get.width - 345) / 2, right: (Get.width - 345) / 2, bottom: 10);
  }
}

class GroupStoreProductController extends GetxController {}

class GroupStoreProductView extends GetView<GroupStoreProductController> {
  const GroupStoreProductView({super.key});

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      controller: NestedInnerScrollController.maybeOf(context),
      physics: const ClampingScrollPhysics(),
      slivers: [
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              children: [
                Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '超值团购',
                    style: StylesUtils.customTextStyle(
                      color: ColorsUtils.color0000,
                      fontSize: StylesUtils.fontSize16,
                      fontWeight: FontWeight.w700,
                    ),
                  ),
                ),
                for (var i = 0; i < 5; i++)
                  Padding(
                    padding: const EdgeInsets.only(top: 15),
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        ClipRRect(
                          borderRadius: BorderRadius.circular(5),
                          child: Image.network(
                            'https://img0.baidu.com/it/u=310608814,3530248973&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500',
                            width: 100,
                            height: 100,
                            fit: BoxFit.fill,
                          ),
                        ),
                        Expanded(
                          child: Padding(
                            padding: const EdgeInsets.only(left: 10),
                            child: Stack(
                              children: [
                                Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Container(
                                      alignment: Alignment.centerLeft,
                                      child: Text(
                                        '香辣鸡排汉堡包单人套餐',
                                        style: StylesUtils.customTextStyle(
                                          fontSize: StylesUtils.fontSize15,
                                          fontWeight: FontWeight.w700,
                                          color: ColorsUtils.color0000,
                                        ),
                                      ),
                                    ),
                                    Container(
                                      margin: const EdgeInsets.symmetric(
                                          vertical: 10),
                                      child: Text(
                                        '香辣鸡排汉堡、金桔爆柠、美',
                                        softWrap: true,
                                        maxLines: 1,
                                        overflow: TextOverflow.ellipsis,
                                        style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color9999,
                                          fontSize: StylesUtils.fontSize12,
                                        ),
                                      ),
                                    ),
                                    Container(
                                      alignment: Alignment.centerLeft,
                                      margin: const EdgeInsets.only(bottom: 10),
                                      child: Text(
                                        '已售 5.3万',
                                        style: StylesUtils.customTextStyle(
                                          color: ColorsUtils.color9999,
                                          fontSize: StylesUtils.fontSize12,
                                        ),
                                      ),
                                    ),
                                    LimitedWrap(
                                      maxLine: 1,
                                      spacing: 10,
                                      children: [
                                        Text(
                                          '￥35',
                                          style: StylesUtils.customTextStyle(
                                            fontSize: StylesUtils.fontSize15,
                                            fontWeight: FontWeight.w700,
                                            color: ColorsUtils.colorFf64,
                                          ),
                                        ),
                                        Text(
                                          '￥38',
                                          style: StylesUtils.customTextStyle(
                                            color: ColorsUtils.color9999,
                                            fontSize: StylesUtils.fontSize12,
                                            decoration:
                                                TextDecoration.lineThrough,
                                            decorationColor:
                                                HexColor(ColorsUtils.color9999),
                                            decorationStyle:
                                                TextDecorationStyle.solid,
                                            decorationThickness: 1.0,
                                          ),
                                        ),
                                        Container(
                                          alignment: Alignment.center,
                                          constraints:
                                              const BoxConstraints.expand(
                                                  width: 35, height: 16),
                                          decoration: BoxDecoration(
                                              borderRadius:
                                                  BorderRadius.circular(3),
                                              border: Border.all(
                                                color: HexColor(
                                                    ColorsUtils.colorFf64),
                                              )),
                                          child: Text(
                                            '9.2折',
                                            style: StylesUtils.customTextStyle(
                                              fontSize: StylesUtils.fontSize12,
                                              color: ColorsUtils.colorFf64,
                                            ),
                                          ),
                                        ),
                                      ],
                                    )
                                  ],
                                ),
                                Positioned(
                                  width: 25,
                                  height: 25,
                                  right: 10,
                                  bottom: 0,
                                  child: SvgUtils.assetName('u2273',
                                      width: 25, height: 25),
                                ),
                              ],
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  EdgeInsets get insets {
    return EdgeInsets.only(
        left: (Get.width - 345) / 2, right: (Get.width - 345) / 2, bottom: 10);
  }
}

class GroupStoreEvaluateController extends GetxController {
  final List<String> tags = [
    '全部 405',
    '最新',
    '好评 345',
    '差评 25',
    '有图 14',
    '商家回复 403'
  ];

  RxInt tagIndex = RxInt(0);
}

class GroupStoreEvaluateView extends GetView<GroupStoreEvaluateController> {
  const GroupStoreEvaluateView({super.key});

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      controller: NestedInnerScrollController.maybeOf(context),
      physics: const ClampingScrollPhysics(),
      slivers: [
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Row(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    SizedBox(
                      width: 100,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.end,
                        children: [
                          Align(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '90.3%',
                              style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize32,
                                fontWeight: FontWeight.w700,
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                          ),
                          Container(
                            margin: const EdgeInsets.only(top: 15),
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '好评率',
                              style: StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize12,
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                    Expanded(
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.end,
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Container(
                            alignment: Alignment.centerRight,
                            height: 10,
                            child: Wrap(
                              spacing: 10,
                              crossAxisAlignment: WrapCrossAlignment.center,
                              alignment: WrapAlignment.end,
                              children: [
                                Text.rich(
                                  TextSpan(
                                    children: [
                                      for (var i = 0; i < 5; i++)
                                        WidgetSpan(
                                          child: Icon(
                                            CupertinoIcons.star_fill,
                                            size: 9,
                                            color:
                                                HexColor(ColorsUtils.colorCccc),
                                          ),
                                          alignment:
                                              PlaceholderAlignment.middle,
                                        ),
                                    ],
                                  ),
                                ),
                                SizedBox(
                                  width: 100,
                                  height: 5,
                                  child: ClipRRect(
                                    borderRadius: BorderRadius.circular(2),
                                    child: LinearProgressIndicator(
                                      value: 0.6,
                                      backgroundColor:
                                          HexColor(ColorsUtils.colorF2f2),
                                      valueColor: AlwaysStoppedAnimation(
                                        HexColor(ColorsUtils.colorFf64),
                                      ),
                                    ),
                                  ),
                                ),
                                Container(
                                  width: 20,
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '235',
                                    style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize10,
                                    ),
                                  ),
                                )
                              ],
                            ),
                          ),
                          Container(
                            alignment: Alignment.centerRight,
                            height: 10,
                            child: Wrap(
                              spacing: 10,
                              runSpacing: 0,
                              crossAxisAlignment: WrapCrossAlignment.center,
                              alignment: WrapAlignment.end,
                              children: [
                                Text.rich(
                                  TextSpan(
                                    children: [
                                      for (var i = 0; i < 4; i++)
                                        WidgetSpan(
                                          child: Icon(
                                            CupertinoIcons.star_fill,
                                            size: 9,
                                            color:
                                                HexColor(ColorsUtils.colorCccc),
                                          ),
                                          alignment:
                                              PlaceholderAlignment.middle,
                                        ),
                                    ],
                                  ),
                                ),
                                SizedBox(
                                  width: 100,
                                  height: 5,
                                  child: ClipRRect(
                                    borderRadius: BorderRadius.circular(2),
                                    child: LinearProgressIndicator(
                                      value: 0.4,
                                      backgroundColor:
                                          HexColor(ColorsUtils.colorF2f2),
                                      valueColor: AlwaysStoppedAnimation(
                                        HexColor(ColorsUtils.colorFf64),
                                      ),
                                    ),
                                  ),
                                ),
                                Container(
                                  width: 20,
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '131',
                                    style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize10,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                          Container(
                            alignment: Alignment.centerRight,
                            height: 10,
                            child: Wrap(
                              spacing: 10,
                              crossAxisAlignment: WrapCrossAlignment.center,
                              alignment: WrapAlignment.end,
                              children: [
                                Text.rich(
                                  TextSpan(
                                    children: [
                                      for (var i = 0; i < 3; i++)
                                        WidgetSpan(
                                          child: Icon(
                                            CupertinoIcons.star_fill,
                                            size: 9,
                                            color:
                                                HexColor(ColorsUtils.colorCccc),
                                          ),
                                          alignment:
                                              PlaceholderAlignment.middle,
                                        ),
                                    ],
                                  ),
                                ),
                                SizedBox(
                                  width: 100,
                                  height: 5,
                                  child: ClipRRect(
                                    borderRadius: BorderRadius.circular(2),
                                    child: LinearProgressIndicator(
                                      value: 0.3,
                                      backgroundColor:
                                          HexColor(ColorsUtils.colorF2f2),
                                      valueColor: AlwaysStoppedAnimation(
                                        HexColor(ColorsUtils.colorFf64),
                                      ),
                                    ),
                                  ),
                                ),
                                Container(
                                  width: 20,
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '26',
                                    style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize10,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                          Container(
                            alignment: Alignment.centerRight,
                            height: 10,
                            child: Wrap(
                              spacing: 10,
                              crossAxisAlignment: WrapCrossAlignment.center,
                              alignment: WrapAlignment.end,
                              children: [
                                Text.rich(
                                  TextSpan(
                                    children: [
                                      for (var i = 0; i < 2; i++)
                                        WidgetSpan(
                                          child: Icon(
                                            CupertinoIcons.star_fill,
                                            size: 9,
                                            color:
                                                HexColor(ColorsUtils.colorCccc),
                                          ),
                                          alignment:
                                              PlaceholderAlignment.middle,
                                        ),
                                    ],
                                  ),
                                ),
                                SizedBox(
                                  width: 100,
                                  height: 5,
                                  child: ClipRRect(
                                    borderRadius: BorderRadius.circular(2),
                                    child: LinearProgressIndicator(
                                      value: 0.2,
                                      backgroundColor:
                                          HexColor(ColorsUtils.colorF2f2),
                                      valueColor: AlwaysStoppedAnimation(
                                        HexColor(ColorsUtils.colorFf64),
                                      ),
                                    ),
                                  ),
                                ),
                                Container(
                                  width: 20,
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '10',
                                    style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize10,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                          Container(
                            alignment: Alignment.centerRight,
                            height: 10,
                            child: Wrap(
                              spacing: 10,
                              crossAxisAlignment: WrapCrossAlignment.center,
                              alignment: WrapAlignment.end,
                              children: [
                                Text.rich(
                                  TextSpan(
                                    children: [
                                      for (var i = 0; i < 1; i++)
                                        WidgetSpan(
                                          child: Icon(
                                            CupertinoIcons.star_fill,
                                            size: 9,
                                            color:
                                                HexColor(ColorsUtils.colorCccc),
                                          ),
                                          alignment:
                                              PlaceholderAlignment.middle,
                                        ),
                                    ],
                                  ),
                                ),
                                SizedBox(
                                  width: 100,
                                  height: 5,
                                  child: ClipRRect(
                                    borderRadius: BorderRadius.circular(2),
                                    child: LinearProgressIndicator(
                                      value: 0.1,
                                      backgroundColor:
                                          HexColor(ColorsUtils.colorF2f2),
                                      valueColor: AlwaysStoppedAnimation(
                                        HexColor(ColorsUtils.colorFf64),
                                      ),
                                    ),
                                  ),
                                ),
                                Container(
                                  width: 20,
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '3',
                                    style: StylesUtils.customTextStyle(
                                      color: ColorsUtils.color9999,
                                      fontSize: StylesUtils.fontSize10,
                                    ),
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
                Padding(
                  padding: const EdgeInsets.symmetric(vertical: 15),
                  child: Divider(
                    thickness: 1,
                    color: HexColor(ColorsUtils.colorF5f5),
                    indent: 0,
                    endIndent: 0,
                  ),
                ),
                Align(
                  alignment: Alignment.centerLeft,
                  child: Wrap(
                    spacing: 10,
                    runSpacing: 12,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    children: controller.tags
                        .asMap()
                        .map(
                          (key, value) => MapEntry(
                            key,
                            LayoutBuilder(builder: (_, BoxConstraints con) {
                              final style = StylesUtils.customTextStyle(
                                fontSize: StylesUtils.fontSize13,
                                color: ColorsUtils.color7979,
                              );
                              final width = ToolsUtils.calculateTextWidth(
                                  value: value, style: style);
                              return Obx(
                                () => Container(
                                  height: 30,
                                  width: width + 20,
                                  alignment: Alignment.center,
                                  decoration: BoxDecoration(
                                    borderRadius: BorderRadius.circular(2),
                                    color: controller.tagIndex.value == key
                                        ? ColorsUtils.rgba(250, 245, 245, 1)
                                        : ColorsUtils.rgba(245, 245, 245, 1),
                                    border: Border.all(
                                      color: ColorsUtils.rgba(244, 195, 186, 1),
                                      width: controller.tagIndex.value == key
                                          ? 1
                                          : 0,
                                    ),
                                  ),
                                  child: Text(
                                    value,
                                    style: controller.tagIndex.value == key
                                        ? StylesUtils.customTextStyle(
                                            fontSize: StylesUtils.fontSize13,
                                            color: ColorsUtils.colorFf64,
                                          )
                                        : style,
                                  ),
                                ).onTap(() {
                                  controller.tagIndex.value = key;
                                }),
                              );
                            }),
                          ),
                        )
                        .values
                        .toList(),
                  ),
                ),
                Container(
                  padding: const EdgeInsets.only(top: 15),
                  alignment: Alignment.centerLeft,
                  child: Text.rich(
                    TextSpan(
                      children: [
                        WidgetSpan(
                            child: Icon(
                              CupertinoIcons.checkmark_alt_circle_fill,
                              size: 18,
                              color: HexColor(ColorsUtils.colorFf64),
                            ),
                            alignment: PlaceholderAlignment.middle),
                        TextSpan(
                          text: ' 只看有内容的评价',
                          style: StylesUtils.customTextStyle(
                            fontSize: StylesUtils.fontSize13,
                            color: ColorsUtils.color0000,
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              children: [
                Row(
                  children: [
                    const CircleAvatar(
                      radius: 20,
                      backgroundImage: NetworkImage(
                          'https://img1.baidu.com/it/u=3538711794,4285740787&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500'),
                    ),
                    Expanded(
                      child: Padding(
                        padding: const EdgeInsets.only(left: 10),
                        child: Column(
                          children: [
                            Container(
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '匿名用户',
                                style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color0000,
                                  fontWeight: FontWeight.w700,
                                ),
                              ),
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 8),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '2097-10-05',
                                style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.color9999,
                                ),
                              ),
                            )
                          ],
                        ),
                      ),
                    ),
                    Center(
                      child: Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '有用 10 ',
                              style: StylesUtils.customTextStyle(
                                  fontSize: StylesUtils.fontSize12,
                                  color: ColorsUtils.color9999),
                            ),
                            WidgetSpan(
                                child: Icon(
                                  CupertinoIcons.hand_thumbsup,
                                  size: 14,
                                  color: HexColor(ColorsUtils.color9999),
                                ),
                                alignment: PlaceholderAlignment.middle),
                          ],
                        ),
                      ),
                    )
                  ],
                ),
                Container(
                  padding: const EdgeInsets.symmetric(vertical: 15),
                  alignment: Alignment.centerLeft,
                  child: LimitedWrap(
                    spacing: 10,
                    maxLine: 1,
                    children: [
                      for (var i = 0; i < 4; i++)
                        Icon(
                          CupertinoIcons.star_fill,
                          size: 15,
                          color: HexColor(ColorsUtils.colorFf64),
                        ),
                      Icon(
                        CupertinoIcons.star_fill,
                        size: 15,
                        color: HexColor(ColorsUtils.colorCccc),
                      ),
                      Text(
                        '好',
                        style: StylesUtils.customTextStyle(
                          color: ColorsUtils.color7979,
                          fontSize: StylesUtils.fontSize13,
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  padding: const EdgeInsets.only(bottom: 15),
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '一如既往的不错，比较清淡，适合南方人口味，麦香鸡排汉堡值得推荐。',
                    style: StylesUtils.customTextStyle(
                        fontSize: StylesUtils.fontSize15,
                        color: ColorsUtils.color0000,
                        lineHeight: 1.4),
                  ),
                ),
                Row(
                  children: [
                    Container(
                      constraints:
                          const BoxConstraints.expand(width: 208, height: 208),
                      decoration: BoxDecoration(
                          color: ColorsUtils.rgb(245, 245, 245),
                          image: const DecorationImage(
                              fit: BoxFit.fill,
                              image: NetworkImage(
                                  'https://img2.baidu.com/it/u=3138698661,3814509273&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=427'))),
                    ),
                    Expanded(
                      child: Padding(
                        padding: const EdgeInsets.only(left: 10),
                        child: Column(
                          children: [
                            Container(
                              height: 101,
                              margin: const EdgeInsets.only(bottom: 3),
                              decoration: BoxDecoration(
                                  color: ColorsUtils.rgb(245, 245, 245),
                                  image: const DecorationImage(
                                      fit: BoxFit.fill,
                                      image: NetworkImage(
                                          'https://img0.baidu.com/it/u=1991857231,3387535707&fm=253&fmt=auto&app=138&f=JPEG?w=430&h=322'))),
                            ),
                            Container(
                              height: 101,
                              margin: const EdgeInsets.only(top: 3),
                              decoration: BoxDecoration(
                                  color: ColorsUtils.rgb(245, 245, 245),
                                  image: const DecorationImage(
                                      fit: BoxFit.fill,
                                      image: NetworkImage(
                                          'https://img1.baidu.com/it/u=4016350624,210853072&fm=253&fmt=auto&app=138&f=JPEG?w=525&h=350'))),
                            ),
                          ],
                        ),
                      ),
                    )
                  ],
                ),
                Container(
                  margin: const EdgeInsets.symmetric(vertical: 20),
                  alignment: Alignment.center,
                  child: Container(
                    width: 315,
                    padding: const EdgeInsets.all(10),
                    decoration: BoxDecoration(
                        color: ColorsUtils.rgba(249, 249, 249, 1),
                        borderRadius: BorderRadius.circular(5)),
                    child: Column(
                      children: [
                        Align(
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '商家回复 (当天)',
                            style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize13),
                          ),
                        ),
                        Container(
                          margin: const EdgeInsets.only(top: 10),
                          alignment: Alignment.centerLeft,
                          child: Text(
                            '亲爱的顾客，感谢您对我们店铺的支持和喜爱，真的很抱歉没有让您100%满意。',
                            style: StylesUtils.customTextStyle(
                                lineHeight: 1.5,
                                color: ColorsUtils.color7979,
                                fontSize: StylesUtils.fontSize13),
                          ),
                        )
                      ],
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            margin: const EdgeInsets.only(top: 10),
            alignment: Alignment.center,
            child: Container(
              width: 345,
              decoration: BoxDecoration(
                  color: Colors.white, borderRadius: BorderRadius.circular(10)),
              padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 15),
              alignment: Alignment.centerLeft,
              child: Column(
                children: [
                  Row(
                    children: [
                      const CircleAvatar(
                        radius: 20,
                        backgroundImage: NetworkImage(
                            'https://img1.baidu.com/it/u=1179395120,3994047188&fm=253&fmt=auto&app=138&f=JPEG?w=380&h=380'),
                      ),
                      Expanded(
                          child: Padding(
                        padding: const EdgeInsets.only(left: 15),
                        child: Column(
                          children: [
                            Align(
                              alignment: Alignment.topLeft,
                              child: Text(
                                '匿名用户',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color0000,
                                    fontWeight: FontWeight.w700),
                              ),
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 8),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '2024-07-15',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color9999),
                              ),
                            )
                          ],
                        ),
                      )),
                      Center(
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '有用 10 ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize12)),
                          WidgetSpan(
                              child: Icon(
                                CupertinoIcons.hand_thumbsup,
                                size: 15,
                                color: ColorsUtils.parseColorFromHexString(
                                    ColorsUtils.color7979),
                              ),
                              alignment: PlaceholderAlignment.middle)
                        ])),
                      )
                    ],
                  ),
                  Container(
                    margin: const EdgeInsets.only(top: 10),
                    child: Wrap(
                      spacing: 5,
                      alignment: WrapAlignment.start,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      children: [
                        for (var i = 0; i < 4; i++)
                          Icon(
                            CupertinoIcons.star_fill,
                            size: 14,
                            color: ColorsUtils.parseColorFromHexString(
                                ColorsUtils.colorFf64),
                          ),
                        Icon(
                          CupertinoIcons.star_fill,
                          size: 14,
                          color: ColorsUtils.parseColorFromHexString(
                              ColorsUtils.colorCccc),
                        ),
                        Text(
                          '好',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color7979,
                              fontSize: StylesUtils.fontSize13),
                        )
                      ],
                    ),
                  ),
                  Container(
                    margin: const EdgeInsets.only(top: 20, bottom: 20),
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '一如既往的不错，比较清淡，适合南方人口味，麦香鸡排汉堡值得推荐。',
                      style: StylesUtils.customTextStyle(
                          fontSize: StylesUtils.fontSize15,
                          color: ColorsUtils.color0000,
                          lineHeight: 1.4),
                    ),
                  ),
                  Container(
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '好评',
                      style: StylesUtils.customTextStyle(
                          fontSize: StylesUtils.fontSize15,
                          color: ColorsUtils.color0000),
                    ),
                  ),
                  Container(
                    margin: const EdgeInsets.symmetric(vertical: 20),
                    alignment: Alignment.center,
                    child: Container(
                      width: 315,
                      padding: const EdgeInsets.all(10),
                      decoration: BoxDecoration(
                          color: ColorsUtils.rgba(249, 249, 249, 1),
                          borderRadius: BorderRadius.circular(5)),
                      child: Column(
                        children: [
                          Align(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '商家回复 (当天)',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize13),
                            ),
                          ),
                          Container(
                            margin: const EdgeInsets.only(top: 10),
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '亲爱的顾客，感谢您对我们店铺的支持和喜爱，真的很抱歉没有让您100%满意。',
                              style: StylesUtils.customTextStyle(
                                  lineHeight: 1.5,
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize13),
                            ),
                          )
                        ],
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            margin: const EdgeInsets.only(top: 10),
            alignment: Alignment.center,
            child: Container(
              width: 345,
              decoration: BoxDecoration(
                  color: Colors.white, borderRadius: BorderRadius.circular(10)),
              padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 15),
              alignment: Alignment.centerLeft,
              child: Column(
                children: [
                  Row(
                    children: [
                      const CircleAvatar(
                        radius: 20,
                        backgroundImage: NetworkImage(
                            'https://img0.baidu.com/it/u=2062656537,1277924993&fm=253&fmt=auto&app=120&f=JPEG?w=556&h=500'),
                      ),
                      Expanded(
                          child: Padding(
                        padding: const EdgeInsets.only(left: 15),
                        child: Column(
                          children: [
                            Align(
                              alignment: Alignment.topLeft,
                              child: Text(
                                '匿名用户',
                                style: StylesUtils.customTextStyle(
                                    color: ColorsUtils.color0000,
                                    fontWeight: FontWeight.w700),
                              ),
                            ),
                            Container(
                              margin: const EdgeInsets.only(top: 8),
                              alignment: Alignment.centerLeft,
                              child: Text(
                                '2024-06-24',
                                style: StylesUtils.customTextStyle(
                                    fontSize: StylesUtils.fontSize12,
                                    color: ColorsUtils.color9999),
                              ),
                            )
                          ],
                        ),
                      )),
                      Center(
                        child: Text.rich(TextSpan(children: [
                          TextSpan(
                              text: '有用 10 ',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize12)),
                          WidgetSpan(
                              child: Icon(
                                CupertinoIcons.hand_thumbsup,
                                size: 15,
                                color: ColorsUtils.parseColorFromHexString(
                                    ColorsUtils.color7979),
                              ),
                              alignment: PlaceholderAlignment.middle)
                        ])),
                      )
                    ],
                  ),
                  Container(
                    margin: const EdgeInsets.only(top: 10),
                    child: Wrap(
                      spacing: 5,
                      alignment: WrapAlignment.start,
                      crossAxisAlignment: WrapCrossAlignment.center,
                      children: [
                        for (var i = 0; i < 4; i++)
                          Icon(
                            CupertinoIcons.star_fill,
                            size: 14,
                            color: ColorsUtils.parseColorFromHexString(
                                ColorsUtils.colorFf64),
                          ),
                        Icon(
                          CupertinoIcons.star_fill,
                          size: 14,
                          color: ColorsUtils.parseColorFromHexString(
                              ColorsUtils.colorCccc),
                        ),
                        Text(
                          '好',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color7979,
                              fontSize: StylesUtils.fontSize13),
                        )
                      ],
                    ),
                  ),
                  Container(
                    margin: const EdgeInsets.only(top: 20, bottom: 20),
                    alignment: Alignment.centerLeft,
                    child: Text(
                      '一如既往的不错，比较清淡，适合南方人口味，麦香鸡排汉堡值得推荐。',
                      style: StylesUtils.customTextStyle(
                          fontSize: StylesUtils.fontSize15,
                          color: ColorsUtils.color0000,
                          lineHeight: 1.4),
                    ),
                  ),
                  Container(
                    margin: const EdgeInsets.only(bottom: 20),
                    alignment: Alignment.centerLeft,
                    child: Text.rich(TextSpan(children: [
                      TextSpan(
                          text: '#香辣鸡翅',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.colorFf64,
                              fontSize: StylesUtils.fontSize15)),
                      TextSpan(
                          text: '  烤过火了吧',
                          style: StylesUtils.customTextStyle(
                              color: ColorsUtils.color0000,
                              fontSize: StylesUtils.fontSize15))
                    ])),
                  ),
                  Align(
                    alignment: Alignment.centerLeft,
                    child: Container(
                      constraints:
                          const BoxConstraints.expand(width: 208, height: 208),
                      decoration: BoxDecoration(
                          color: ColorsUtils.rgb(245, 245, 245),
                          image: const DecorationImage(
                              fit: BoxFit.fill,
                              image: NetworkImage(
                                  'https://img1.baidu.com/it/u=3453570941,429487371&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500'))),
                    ),
                  ),
                  Container(
                    margin: const EdgeInsets.symmetric(vertical: 20),
                    alignment: Alignment.center,
                    child: Container(
                      width: 315,
                      padding: const EdgeInsets.all(10),
                      decoration: BoxDecoration(
                          color: ColorsUtils.rgba(249, 249, 249, 1),
                          borderRadius: BorderRadius.circular(5)),
                      child: Column(
                        children: [
                          Align(
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '商家回复 (当天)',
                              style: StylesUtils.customTextStyle(
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize13),
                            ),
                          ),
                          Container(
                            margin: const EdgeInsets.only(top: 10),
                            alignment: Alignment.centerLeft,
                            child: Text(
                              '亲爱的顾客，感谢您对我们店铺的支持和喜爱，真的很抱歉没有让您100%满意。',
                              style: StylesUtils.customTextStyle(
                                  lineHeight: 1.5,
                                  color: ColorsUtils.color7979,
                                  fontSize: StylesUtils.fontSize13),
                            ),
                          )
                        ],
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            height: 50,
            alignment: Alignment.center,
            child: Text(
              '已经到底了~',
              style: StylesUtils.customTextStyle(color: ColorsUtils.color9999),
            ),
          ),
        )
      ],
    );
  }

  EdgeInsets get insets {
    return EdgeInsets.only(
        left: (Get.width - 345) / 2, right: (Get.width - 345) / 2, bottom: 10);
  }
}

class GroupStoreInfoController extends GetxController {}

class GroupStoreInfoView extends GetView<GroupStoreInfoController> {
  const GroupStoreInfoView({super.key});

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      controller: NestedInnerScrollController.maybeOf(context),
      physics: const ClampingScrollPhysics(),
      slivers: [
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              children: [
                Container(
                  alignment: Alignment.centerLeft,
                  padding: const EdgeInsets.only(bottom: 15),
                  child: Text(
                    '华莱士·全鸡汉堡-凤凰广场2店',
                    style: StylesUtils.customTextStyle(
                      color: ColorsUtils.color0000,
                      fontSize: StylesUtils.fontSize16,
                      fontWeight: FontWeight.w700,
                    ),
                  ),
                ),
                Center(
                  child: Container(
                    width: 315,
                    height: 75,
                    decoration: BoxDecoration(
                      image: DecorationImage(
                        image: ToolsUtils.assetImage('map_bg.jpg'),
                        alignment: Alignment.topLeft,
                        fit: BoxFit.fill,
                      ),
                      borderRadius: BorderRadius.circular(5),
                    ),
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: [
                        Container(
                          width: 40,
                          alignment: Alignment.center,
                          child: Icon(
                            CupertinoIcons.map_pin_ellipse,
                            size: 18,
                            color: HexColor(ColorsUtils.color0000),
                          ),
                        ),
                        Expanded(
                          child: Column(
                            children: [
                              Container(
                                alignment: Alignment.centerLeft,
                                margin:
                                    const EdgeInsets.only(bottom: 5, top: 8),
                                child: Text(
                                  '北海市海城区北海大道凤凰广场A座一楼234-235号',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize13,
                                      fontWeight: FontWeight.w700,
                                      color: ColorsUtils.color0000,
                                      lineHeight: 1.3),
                                ),
                              ),
                              Align(
                                alignment: Alignment.centerLeft,
                                child: Text(
                                  '距你714m，步行约10分钟',
                                  style: StylesUtils.customTextStyle(
                                      fontSize: StylesUtils.fontSize12,
                                      color: ColorsUtils.color9999),
                                ),
                              ),
                            ],
                          ),
                        ),
                        Container(
                          alignment: Alignment.center,
                          width: 40,
                          child: Icon(
                            CupertinoIcons.phone,
                            size: 20,
                            color: HexColor(ColorsUtils.colorFf64),
                          ),
                        )
                      ],
                    ),
                  ),
                )
              ],
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              children: [
                Container(
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '营业时间',
                    style: StylesUtils.customTextStyle(
                      fontSize: StylesUtils.fontSize15,
                      color: ColorsUtils.color0000,
                    ),
                  ),
                ),
                Container(
                  margin: const EdgeInsets.only(top: 10),
                  alignment: Alignment.centerLeft,
                  child: Text(
                    '07:00~23:00',
                    style: StylesUtils.customTextStyle(
                      color: ColorsUtils.color0000,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              children: [
                Container(
                  alignment: Alignment.centerLeft,
                  child: Wrap(
                    spacing: 25,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    alignment: WrapAlignment.start,
                    children: [
                      Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '•',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                            TextSpan(
                              text: ' 免预约',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ],
                        ),
                      ),
                      Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '•',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                            TextSpan(
                              text: ' 包间可用',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ],
                        ),
                      ),
                      Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '•',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                            TextSpan(
                              text: ' 免费WIFI',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
                Container(
                  margin: const EdgeInsets.only(top: 10),
                  alignment: Alignment.centerLeft,
                  child: Wrap(
                    spacing: 14,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    alignment: WrapAlignment.start,
                    children: [
                      Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '•',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                            TextSpan(
                              text: ' 免费停车',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ],
                        ),
                      ),
                      Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '•',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                            TextSpan(
                              text: ' 推荐自提',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
        SliverToBoxAdapter(
          child: Container(
            width: 345,
            margin: insets,
            padding: const EdgeInsets.all(15),
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              color: Colors.white,
            ),
            child: Column(
              children: [
                Container(
                  alignment: Alignment.centerLeft,
                  child: Wrap(
                    spacing: 15,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    alignment: WrapAlignment.start,
                    children: [
                      Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '•',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                            TextSpan(
                              text: ' 提供纸质发票',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ],
                        ),
                      ),
                      Text.rich(
                        TextSpan(
                          children: [
                            TextSpan(
                              text: '•',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.colorFf64,
                              ),
                            ),
                            TextSpan(
                              text: ' 提供电子发票',
                              style: StylesUtils.customTextStyle(
                                color: ColorsUtils.color0000,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ),
      ],
    );
  }

  EdgeInsets get insets {
    return EdgeInsets.only(
        left: (Get.width - 345) / 2, right: (Get.width - 345) / 2, bottom: 10);
  }
}
